<div class="slider">
    <div class="slider-content">
        <div ng-repeat="pair in $ctrl.pairsInfoList track by $index"
           ng-click="$ctrl.goToDexDemo({ assetId1: pair.amountAsset.id, assetId2: pair.priceAsset.id })"
           w-analytics event="'Menu Exchange Click'"
           event-target="'ui'"
           class="slide">
            <div class="slide_css-anim">
                <div class="margin-1 body-2 flex">
                    <div class="basic-700 grow">
                        {{pair.amountAsset.ticker || pair.amountAsset.displayName }} / {{pair.priceAsset.ticker || pair.priceAsset.displayName}}
                    </div>
                    <div ng-class="pair.change24.gt(0) ? 'blue' : 'red'">{{pair.change24}}%</div>
                </div>
                <div class="flex">
                    <div class="grow">
                        <h2 class="basic-900">
                            <w-balance class="carousel-last-price" money="pair.lastPrice"></w-balance>
                        </h2>
                        <div class="basic-500 footnote-1">Volume:
                            <span w-nice-number="pair.volumeBigNum" precision="3"></span>
                        </div>
                    </div>
                    <div class="graph"></div>
                </div>
            </div>
        </div>
    </div>
</div>
